<template>
    <div class="mainPointDownload">
      <mt-header title="下载教学大纲">
        <router-link to="" slot="left">
          <mt-button icon="back" @click="backOne()">返回</mt-button>
        </router-link>
        <mt-button icon="more" slot="right"></mt-button>
      </mt-header>

      <!--<mt-cell
        title="标题文字"
        to="MainPointDetails"
        is-link
        value="带链接">
      </mt-cell>-->
      <mt-cell
        v-for="(item , index) in mainPointList"
        :title="item.mainPointId"
        :value="item.value"
        is-link
        @click.native.prevent="checkDetails(index,mainPointList)"
      ></mt-cell>
    </div>
</template>
<style>
</style>
<script>
    export default{
        name : 'mainPointDownload',
        data(){
            return{
                mainPointList:[
                    {
                        mainPointId:'计算机网络教程01',
                        value:'说明文字'
                    }
                ]
            }
        },
        components:{
        },
        mounted:{
        },
        methods:{
            //back one
            backOne:function(){
                this.$router.back();
            },
            //check course details
            checkDetails:function(index,rows){
                this.$router.push({ name: 'MainPointDetails', params: { mainPointId: rows[index].mainPointId }})
            }
        }
    }
</script>
